<script>
import {
  defineComponent,
  reactive,
  toRefs
} from 'vue'
import SideMenu from '../../components/SideMenu.vue'

export default defineComponent({
  components: {
    SideMenu
  },
  setup() {
    const state = reactive({})

    return {
      ...toRefs(state)
    }
  }
})
</script>

<template>
  <el-container class="allocation-container">
    <el-aside>
      <side-menu />
    </el-aside>
    <el-main>
      <router-view />
    </el-main>
  </el-container>
</template>

<style lang="scss">
.allocation-container {
  height: 100%;
}
</style>
